<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>巡检点位记录</title>
    <link href="./js/layui/css/layui.css" rel="stylesheet" type="text/css" media="screen">
    <link href="./css/common.css" rel="stylesheet" type="text/css" media="screen">
    <script src="./js/layui/layui.js" type="text/javascript"></script>
    <script src="./js/lib/jquery-3.3.1.min.js" type="text/javascript"></script>
    <script src="../config.js" type="text/javascript"></script>
    <script src="./js/insPointRecordManage.js" type="text/javascript"></script>
    <script src="./js/common.js" type="text/javascript"></script>
</head>
<body class="white">
<div class=" site-inline site-fix" style="background-color:#ffffff;margin-top: 40px;" >
    <div class="site-content" >
        <form class="layui-form">
            <div class="layui-form">
                <label>巡检点位名称</label>
                <div class="layui-input-inline" >
                    <input id="point_name" lay-verify="code" class="layui-input" placeholder="请输入点位名称">
                </div>
                <label>所属线路</label>
                <div class="layui-inline">
                    <div class="layui-form">
                        <div class="layui-input-inline">
                            <select id="line_name" name="line_name" lay-filter="line_name" >
                            </select>
                        </div>
                    </div>
                </div>
                <label>巡检时间</label>
                <div class="layui-input-inline">
                    <input type="text"id="startDate" placeholder="巡检开始时间" name="startDate" class="layui-input" >
                </div>--
                <div class="layui-input-inline">
                    <input type="text"id="endDate" placeholder="巡检结束时间" name="endDate" class="layui-input" >
                </div>
                <div class="layui-input-inline">
                    <button class="layui-btn"  lay-submit="" lay-filter="search">搜索</button>
                    <button class="layui-btn"  type="button" onclick="reload()">重置</button>
                    <button class="layui-btn layui-btn-danger" lay-submit="" lay-filter="delete" id="deleteRecord">删除</button>
                </div>
            </div>
        </form>

        <div id="content">
            <table class="layui-table" id="insPointRecordsTable"  lay-filter="insPointRecordsTable"></table>
        </div>

    </div>
</div>
<script type="text/html" id="barCmdOperate">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" lay-event="recordDetail">查看</button>
        <button class="layui-btn layui-btn-sm" lay-event="clockInDetail">打卡记录</button>
        <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="recordDelete">删除</button>
    </div>
</script>
</body>
<div id="xjxmDiv" style="display: none;">
    <table id="xjxmTable" lay-filter="xjxmTable" ></table>
</div>
<div id="situationDetailDiv" style="display: none;">
    <form class="layui-form" style="margin: 10px" lay-filter="situationDetailAction" >
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">问题描述:</label>
            <div class="layui-input-block" >
                    <textarea name="problemDetail" id="problemDetail" class="layui-textarea he200" ></textarea>
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label wd120">现场照片:</label>
            <div class="layui-input-block " >
                <div style="display: block" id="xcPhotoDiv">
                    <ul style="display: flex">
                        <li class="ma5"><img class="headImage" src="./imgs/default.jpg" ></li>
                        <li class="ma5"><img class="headImage" src="./imgs/default.jpg" ></li>
                        <li class="ma5"><img class="headImage" src="./imgs/default.jpg" ></li>
                        <li class="ma5"><img class="headImage" src="./imgs/default.jpg" ></li>
                        <li class="ma5"><img class="headImage" src="./imgs/default.jpg" ></li>
                    </ul>

                </div>
            </div>
        </div>


    </form>
</div>
<div id="clockInDetailDiv" style="display: none;">
    <form class="layui-form" style="margin: 10px" lay-filter="clockInDetailAction" >
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">打卡时间:</label>
            <div class="layui-input-block" >
                <input type="text" id="recordClockinTime" name="recordClockinTime" readonly autocomplete="off"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label wd120">打卡记录:</label>
            <div class="layui-input-block " >
                <div style="display: block" id="xcPhotoDiv2">
                    <ul style="display: flex">
                        <li class="ma5"><img class="headImage" src="./imgs/default.jpg" ></li>
                        <li class="ma5"><img class="headImage" src="./imgs/default.jpg" ></li>
                        <li class="ma5"><img class="headImage" src="./imgs/default.jpg" ></li>
                        <li class="ma5"><img class="headImage" src="./imgs/default.jpg" ></li>
                        <li class="ma5"><img class="headImage" src="./imgs/default.jpg" ></li>
                    </ul>

                </div>
            </div>
        </div>

    </form>
</div>
</html>